/*********** DESTAQUES *************/

.container.destaques{
    min-width: 100%;
    width: 100%;
}
.container.destaques .content{
    max-width: 1240px;
    margin: 0 auto;
    padding: 3rem 1rem;
    clear: both;
}

section.destaques {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: 100%;
}

section.destaques .destaque img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 0.5s;
}

section.destaques .destaque h3 {
    font-size: 15pt;
    margin-bottom: 0px;
    font-weight: normal;
    color: black;
}
section.destaques .destaque a {
    display: inline-block;
}
section.destaques .destaque a:hover {
    text-decoration: underline;
}
section.destaques .destaque p {
    font-size: 12pt;
    color: #7a7a7a;
    padding: 0;
    margin:15px 0 0 0;
}
section.destaques .destaque .data {
    font-size: 11pt;
    color: #333333;
    margin:15px 0 0 0;
}

section.destaques .destaque:nth-child(1) {
    grid-row: span 5;
    grid-column: span 3;
    display: flex;
    flex-direction: column;
}

section.destaques .destaque:nth-child(1) img{
    max-height: 400px;
}

section.destaques .destaque:nth-child(2),
section.destaques .destaque:nth-child(3),
section.destaques .destaque:nth-child(4),
section.destaques .destaque:nth-child(5){
    grid-row: span 1;
    grid-column: span 2;
    display: flex;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    align-items: flex-start;
}

section.destaques .destaque:nth-child(2) img,
section.destaques .destaque:nth-child(3) img,
section.destaques .destaque:nth-child(4) img,
section.destaques .destaque:nth-child(5) img,
section.destaques .destaque:nth-child(2) .youtube-video,
section.destaques .destaque:nth-child(3) .youtube-video,
section.destaques .destaque:nth-child(4) .youtube-video,
section.destaques .destaque:nth-child(5) .youtube-video{
    max-width: 150px;
    min-width: 150px;
    max-height: 100px;
    object-fit: cover;
    margin-right: 20px;
}

section.destaques .destaque:hover:nth-child(2) img,
section.destaques .destaque:hover:nth-child(3) img,
section.destaques .destaque:hover:nth-child(4) img,
section.destaques .destaque:hover:nth-child(5) img{
    scale: 1.05;
}

section.destaques .destaque:nth-child(2) h3,
section.destaques .destaque:nth-child(3) h3,
section.destaques .destaque:nth-child(4) h3,
section.destaques .destaque:nth-child(5) h3{
    font-size: 12pt;
    margin: 0px;
}

section.destaques .destaque:nth-child(2) p,
section.destaques .destaque:nth-child(3) p,
section.destaques .destaque:nth-child(4) p,
section.destaques .destaque:nth-child(5) p{
    font-size: 10pt;
    color: #3f3f3f;
    padding: 0;
    margin:8px 0 0 0;
}

section.destaques .destaque:nth-child(2) .data,
section.destaques .destaque:nth-child(3) .data,
section.destaques .destaque:nth-child(4) .data,
section.destaques .destaque:nth-child(5) .data{
    font-size: 10pt;
    color: #333333;
    margin:8px 0 0 0;
}

section.destaques .destaque:last-of-type{
    border: none;
}
section.destaques .destaque:last-of-type a:hover{
    text-decoration: none;
}

@media (max-width: 768px) {
    section.destaques { 
        grid-template-columns: repeat(1, 1fr); 
    }

    section.destaques .destaque:nth-child(1) {
        border-bottom: 1px solid #eee;
        padding-bottom: 1.5rem;
    }
}